<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head >
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" th:href="@{/css/my.css}">
</head>
<body>
       <h1 style="color: red" >hello<span th:text="${msg}"> thymeleaf</span> </h1>  <!-- 内容替换  th:text -->
       <h1 style="color: red" >hello<span th:utext="${msg}"> thymeleaf</span> </h1>

       <hr>
        <h2>使用模板展示返回的数据是一个对象类型</h2>
        <div th:text="${student}">学生对象信息</div>
        姓名: <div th:text="${student.getName()}">点后面的不是对象中的属性名 而是对象中属性对应的get方法后的名字 getName</div>
        年龄  <div th:text="${student.age}">学生对象信息</div>
       <hr>
       <h2>使用模板展示返回的数据是一个集合</h2>

        <table border="1px" width="100%" height="300px" >
            <tr>
                <th>姓名</th>
                <th>年龄</th>
                <th>生日</th>
            </tr>
            <tr th:each="student:${students}">
                <td th:text="${student.name}"></td>
                <td th:text="${student.age}"></td>
                <td th:text="${#dates.format(student.birth,'yyyy-MM-dd')}"></td>
            </tr>
        </table>
       <hr>
        <span th:if="${number lt 20}"><button>按钮1</button></span>
        <span th:if="${number gt 5}"><button>按钮2</button></span>
        <span th:text="${number + 20}"></span>
       <hr>
       <span th:unless="${number gt 20}"><button>按钮1</button></span>   <!--   th:unless="false"  则显示-->
       <span th:unless="${number lt 5}"><button>按钮2</button></span>
       <hr>
        <h2>表单数据的回显</h2>
       <input type="text" value="${number}" th:value="${number}"><br>
       <input type="text" th:value="${session.number2}">
       <hr>
       <h2>选择结构</h2>
        <div th:switch="${msg}">
            <p th:case="20">hello</p>
            <p th:case="10">world</p>
            <p th:case="*">default</p>
        </div>
</body>
</html>